<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
		<title>强哥666</title>
		<link rel="icon" href="../img/favicon.ico"/>
		<link rel="stylesheet" type="text/css" href="../css/bootstrap.css"/>
		<style type="text/css">
			*{
				margin: 0px;
				padding: 0px;
			}
			.container img{
				border-bottom: 5px solid yellow;
				width: 100%;
				height: 100%;
			}
			h2{
				color: #55aa00;
				font-size: 33px;
			}
			p{
				color: #686868;
				margin-top: 10px;
				margin-bottom:30px;
			}
			.top{
				margin-bottom: 30px;
			}
			.top div{
				height: 295px;
			}
		</style>
	</head>
	<body>
		<div class="container">
			<div class="text-center">
				<h2>2000+全球师资 100%欧美力量</h2>
				<p>TESOL证书 / 5年以上教龄 / 高颜值外教团</p>
			</div>
			<div class="row top">
				<div class="col-md-8 col-sm-6 hyd">
					<img src="../img/oleg.png">
					<h3 class="visible-lg visible-xs"></h3>
				</div>
				<div class="col-md-4 col-sm-6 hyd">
					<img src="../img/oksana.png">
					<h3 class="visible-lg visible-xs"></h3>
				</div>
			</div>
			<div class="row bottom">
				<div class="col-md-4 col-sm-4 hyd">
					<img src="../img/ewelina.png">
					<h3 class="visible-lg visible-xs"></h3>
				</div>
				<div class="col-md-4 col-sm-4 hyd">
					<img src="../img/juraj.png">
					<h3 class="visible-lg visible-xs"></h3>
				</div>
				<div class="col-md-4 col-sm-4 aa text-center">
					<img src="../img/tmore.png">
					<h3 class="visible-lg visible-xs"></h3>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="../js/jquery-1.12.4.js"></script>
		<script src="../js/bootstrap.min.js" ></script>
	</body>
</html>
